<template>
  <div class="aa">
  <van-grid>
  <van-grid-item :icon="require('@/assets/warning2/1.jpg')" text="Y型交叉路口4" />
  <van-grid-item :icon="require('@/assets/warning2/2.jpg')" text="反向弯路1" />
  <van-grid-item :icon="require('@/assets/warning2/3.jpg')" text="Y型交叉路口2" />
  <van-grid-item :icon="require('@/assets/warning2/4.jpg')" text="及弯路1" />
  <van-grid-item :icon="require('@/assets/warning2/5.jpg')" text="及弯路2" />
  <van-grid-item :icon="require('@/assets/warning2/6.jpg')" text="Y型交叉路口3" />
  <van-grid-item :icon="require('@/assets/warning2/7.jpg')" text="T型交叉路口1" />
  <van-grid-item :icon="require('@/assets/warning2/8.jpg')" text="环形交叉路口" />
  <van-grid-item :icon="require('@/assets/warning2/9.jpg')" text="T型交叉路口3" />
  <van-grid-item :icon="require('@/assets/warning2/10.jpg')" text="T型交叉路口2" />
  <van-grid-item :icon="require('@/assets/warning2/11.jpg')" text="连续弯路" />
  <van-grid-item :icon="require('@/assets/warning2/12.jpg')" text="反向弯路" />
  <van-grid-item :icon="require('@/assets/warning2/13.jpg')" text="上坡路" />
  <van-grid-item :icon="require('@/assets/warning2/14.jpg')" text="十字交叉路口" />
  <van-grid-item :icon="require('@/assets/warning2/15.jpg')" text="Y型交叉路口1" />
  <van-grid-item :icon="require('@/assets/warning2/16.jpg')" text="T型交叉路口4" />
</van-grid>
  </div>
</template>
<style scoped>
.aa{
    margin-top: 35px;
}
</style>
